﻿*
{
    margin: 0px;
    padding: 0px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial;
    vertical-align: baseline;
}
a
{
    text-decoration: none;
}
.Clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#bd
{
    background: #FFFFFF;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 2px 2px #888888;
    -webkit-box-shadow: 0 2px 2px #888888;
    box-shadow: 0 2px 2px #888888;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url('../Content/PIE.htc');
    position: relative;
    z-index: 0;
}

.main
{
    width: 1000px;
    margin: 0 auto;
}

#header
{
}
#hdLogo
{
    float: left;
    margin-left: 5px;
    width: 43%;
}
#hdRight
{
    width: 55%;
    float: right;
}

.menuHeader
{
    margin-right: 5px;
    text-align: right;
}
.hdSearch
{
    background: url(../Content/image/layout/fromSearch.png) no-repeat center center;
    height: 41px;
    width: 398px;
    float: right;
}

.tdInputsearch
{
    padding-left: 8px;
    width: 310px;
}
.tdInputsearch input
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 18px;
    height: 25px;
    margin-top: 4px;
    width: 300px;
}
.bntSearch
{
    width: 70px;
}
.bntSearch button
{
    background: url(../Content/image/bnt/bnt_Search01.png) no-repeat center center;
    font-weight: bold;
    color: #fff;
    width: 69px;
    height: 27px;
    margin-top: 5px;
    border: 0;
    cursor: pointer;
}
.bntSearch button:hover
{
    background: url(../Content/image/bnt/bnt_Search02.png) no-repeat center center;
    color: #f85635;
}



#DivBanner
{
}

/* ======== Banner Slide Show ===================== */

#slides
{
    /*position:absolute;*/
    top: 15px;
    left: 4px;
    z-index: 0;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container
{
    width: 1000px;
    overflow: hidden;
    position: relative;
    display: none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a
{
    width: 570px;
    height: 270px;
    display: block;
}

.slides_container a img
{
    display: block;
}



.pagination
{
    margin: 5px auto 0;
    width: 100px;
}

.pagination li
{
    float: left;
    margin: 0 1px;
    list-style: none;
}

.pagination li a
{
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(../Content/image/icon/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a
{
    background-position: 0 -12px;
}

/* === end slide show ===*/


/* === Main Menu ===*/



#MainMenu
{
    background: url("../Content/image/layout/bg_menu.png") no-repeat scroll center center transparent;
    height: 39px;
    margin: 5px 5px 5px 15px;
    width: 973px;
}

#MainMenu ul.topnav
{
    list-style-type: none;
    padding-left: 5px;
    padding-top: 5px;
}
#MainMenu ul.topnav li.li_main
{
    color: #CCCCCC;
    float: left; /* font-size: 22px;*/
    margin-left: 5px;
    margin-right: 4px;
    text-align: center;
    width: 95px;
}

#MainMenu ul.topnav li a
{
    /*font-size: 22px;*/
    color: #CCCCCC;
    display: block;
    padding-top: 5px;
}


/*slide menu*/

ul.topnav
{
}
ul.topnav li
{
    position: relative; /*--Declare X and Y axis base--*/
    z-index: 10;
}
ul.topnav li a
{
    height: 32px;
}
ul.topnav li a:hover
{
    color: #fff;
}
ul.topnav li span
{
    /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(../Content/image/menu/subnav_btn.gif) no-repeat center top;
}

ul.topnav li ul.subnav
{
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: -10px;
    top: 32px;
    background: #333;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 170px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
    z-index: 10;
}
ul.topnav li ul.subnav li
{
    margin: 0;
    padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a
{
    background: url("../Content/image/menu/dropdown_linkbg.gif") no-repeat scroll 10px center #333333;
    float: left;
    padding-left: 25px;
    padding-top: 5px;
    text-align: left;
    width: 145px;
}
html ul.topnav li ul.subnav li a:hover
{
    /*--Hover effect for subnav links--*/
    background: #222 url(../Content/image/menu/dropdown_linkbg.gif) no-repeat 10px center;
}

/* === End main menu ===*/


/* === slide book==*/

#SlBook
{
    width: 1000px;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 9;
    margin-top: 10px;
    margin-bottom: 10px;
}

#slidesBookNew
{
}

#slidesBookNew .slides_container
{
    width: 950px;
    overflow: hidden;
    position: relative;
    display: none;
    margin: 0 auto;
    background: url(../Content/image/icon/Bg_SlideBook.jpg);
}

#slidesBookNew .slides_container div.slide
{
    width: 950px;
    height: 200px;
    display: block;
}

/*		Set the size of your carousel items		*/
.item
{
    float: left;
    width: 135px;
    height: 180px;
    margin: 10px 10px; /*background:#efefef;*/
}

/*
	Next/prev buttons
*/

#slidesBookNew .next, #slidesBookNew .prev
{
    display: block;
    height: 43px;
    left: 3px;
    position: absolute;
    top: 70px;
    width: 24px;
    z-index: 9;
}

#slidesBookNew .next
{
    left: 975px;
}


/* === Slide Book ===*/

.SlideImage
{
    width: 130px;
}
.SlideImage img
{
    height: 135px;
    width: 110px;
    margin-left: 8px;
}

.SlideNameBook
{
    width: 135px;
    padding: 5px;
    text-align: center;
}

/* === Conntent ===*/

#MainContent
{
}

/*Menu left*/
#CTmenuleft
{
    width: 180px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    -webkit-box-shadow: 0 2px 2px #ccc;
    border-radius: 5px 5px 5px 5px;
    behavior: url('../Content/PIE.htc');
    position: relative;
    z-index: 0;
}

.Menutitle
{
    color: #5c5d5d;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
}

.menuleft
{
    list-style-type: none;
    margin-top: 10px;
}

.menuleft li
{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: left;
}

.menuleft li:hover
{
    background: #d2d2d2;
}
.menuleft li:hover a
{
    color: #000;
    font-weight: bold;
}
.menuleft li a
{
    font-size: 16px;
    color: #757575;
    display: block;
}

/* --- end menu left ---*/
#Content
{
    float: left;
    margin: 5px;
    width: 790px;
}

#contentView
{
}
.CTTitle
{
    margin: 0px 0px 10px 0px;
}
.toolbar
{
    margin: 5px 5px 10px 5px;
}

/* === Footter ===*/

#footer
{
    border-top: 1px dashed #CCCCCC;
    color: #A2A09F;
    font-size: 13px;
    margin-top: 15px;
    padding-top: 10px;
}

/*--- end footer ---*/

#UserInfo
{
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma;
}

/* --- from login --- */

.login
{
    position: relative; /*--Declare X and Y axis base--*/
    z-index: 11;
}
.login span
{
    cursor: pointer;
}

.fromLogin
{
    list-style: none;
    position: absolute; /*-Important - Keeps subnav from affecting main navigation flow--*/
    left: -130px;
    top: 32px;
    background: #666;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 260px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url('../Content/PIE.htc');
    border: 1px solid #111;
    z-index: 11;
    padding: 10px;
}

.itemVew
{
    border: 1px solid #CCCCCC;
    float: left;
    height: 240px;
    margin-left: 5px;
    margin-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
    width: 23.5%;
}

.itemImg
{
    text-align: center;
    height: 150px;
}
.itemImg img
{
    margin: 5px auto;
    max-width: 100px;
    max-height: 150px;
}

.itemTitle
{
    text-align: center;
    height: 60px;
}
.itemPrice
{
    text-align: left;
    float: left;
    width: 49%;
}
.itemPrice span
{
    color: Red;
}
.addtocart
{
    float: right;
    width: 49%;
    text-align: right;
}

.bntaddCard
{
    float:right;
    }
.titileDetail
{
    margin-left: 10px;
    margin-right: 10px;
    color: #999;
}

.DetailImg
{
    width: 30%;
    margin: 5px auto;
    height: 250px;
    float: left;
}

.detailInfo
{
    float: left;
    width: 68%;
}
.allvierdettail
{
    padding-top: 20px;
}

.DetailImg img
{
    max-height: 300px;
    max-width: 230px;
    margin: 5px auto;
}

.lgInput input
{
    width: 250px;
    margin: 5px;
}
.bntLogin
{
    padding: 3px 8px;
    font-weight: bold;
}

/*table detail */

.tableDetail
{
    width: 100%;
}

.tableDetail tr td
{
    height: 30px;
}

.price
{
    color: Red;
}

input.input_error, select.input_error
{
    border-bottom: red 1px solid;
    border-left: red 1px solid;
    border-top: red 1px solid;
    border-right: red 1px solid;
}


.userReg
{
    width:550px;
    margin:10px auto;
    }
.userReg th
{
    background: none repeat scroll 0 0 #F3F9F3;
    border-bottom: 1px solid blue;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    width: 100px;
    }
.userReg td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
    }
.userReg td input 
{
    font-size: 18px;
    /* height: 25px;
   width: 300px;*/
    }
    
/* from send mail */

.tbSendmail
{
    width:100%;
   
    }
    
.tbSendmail tr th
{
    padding:5px;
    text-align:left;
    font-weight:bold;  
    width:80px; 
    }
.tbSendmail tr td
{
    padding:5px;
    text-align:left;
    
    }
.tbSendmail tr td input
{
    width:500px;
    }